<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>品优购商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
  <!-- 网站说明 -->
  <meta name="description"
    content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
  <!-- 关键字 -->
  <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
  <!-- 引入favicon图标 -->
  <link rel="shortcut icon" href="favicon.ico">
  <!-- 引入初始化样式表 -->
  <link rel="stylesheet" href="css/base.css">
  <!-- 引入公共样式表 -->
  <link rel="stylesheet" href="css/common.css">
  <!-- 引入index.css -->
  <link rel="stylesheet" href="css/index.css">
</head>

<body>
  <!-- 快捷导航栏部分 -->
  <section class="shortcut">
    <div class="w">
      <div class="fl">
        <ul>
          <li>品优购欢迎您！&nbsp;</li>
          <li><a href="javascript:;">请登录&nbsp;&nbsp;</a></li>
          <li><a class="font_red" href="register.html">免费注册</a></li>
        </ul>
      </div>
      <div class="fr">
        <ul>
          <li>我的订单</li>
          <li></li>
          <li class="arrow-icon">我的品优购</li>
          <li></li>
          <li>品优购会员</li>
          <li></li>
          <li class="arrow-icon">企业采购</li>
          <li></li>
          <li class="arrow-icon">关注品优购</li>
          <li></li>
          <li class="arrow-icon">客户服务</li>
          <li></li>
          <li class="arrow-icon">网站导航</li>
        </ul>
      </div>
    </div>
  </section>
  <!-- 头部区域部分 -->
  <header class="header w">
    <!-- logo模块 -->
    <div class="logo"><img src="images/logo.png" alt=""></div>
    <!-- 搜索框模块 -->
    <div class="search"><input type="search" placeholder="语言开发"><button>搜索</button></div>
    <!-- hotwords 模块 -->
    <div class="hotwords">
      <a href="javascript:;" class="font_red">优惠购首发</a>
      <a href="javascript:;">亿元优惠</a>
      <a href="javascript:;">9.9元团购</a>
      <a href="javascript:;">美满99减30</a>
      <a href="javascript:;">办公用品</a>
      <a href="javascript:;">电脑</a>
      <a href="javascript:;">通信</a>
    </div>
    <!-- 购物车模块 -->
    <div class="shopcar">
      我的购物车
      <i class="count">8</i>
    </div>
  </header>
  <!-- 导航区域部分-->
  <nav class="nav">
    <div class="w">
      <div class="dropdown">
        <div class="dt">全部商品分类</div>
        <div class="dd">
          <ul>
            <li><a href="javascript:;">家用电器 </a></li>
            <li><a href="list.html">手机、 数码、通信 </a></li>
            <li><a href="javascript:;">电脑、办公 </a></li>
            <li><a href="javascript:;">家居、家具、家装、厨具 </a></li>
            <li><a href="javascript:;">男装、女装、童装、内衣 </a></li>
            <li><a href="javascript:;">个户化妆、清洁用品、宠物 </a></li>
            <li><a href="javascript:;">鞋靴、箱包、珠宝、奢侈品 </a></li>
            <li><a href="javascript:;">运动户外、钟表 </a></li>
            <li><a href="javascript:;">汽车、汽车用品 </a></li>
            <li><a href="javascript:;">母婴、玩具乐器 </a></li>
            <li><a href="javascript:;">食品、酒类、生鲜、特产</a></li>
            <li><a href="javascript:;">医药保健 </a></li>
            <li><a href="javascript:;">图书、音像、电子书 </a></li>
            <li><a href="javascript:;">彩票、旅行、充值、票务 </a></li>
            <li><a href="javascript:;">理财、众筹、白条、保险 </a></li>
          </ul>
        </div>
      </div>
      <div class="nav-items">
        <ul>
          <li><a href="javascript:;">服装城</a></li>
          <li><a href="javascript:;">服装城</a></li>
          <li><a href="javascript:;">服装城</a></li>
          <li><a href="javascript:;">服装城</a></li>
          <li><a href="javascript:;">服装城</a></li>
          <li><a href="javascript:;">服装城</a></li>
          <li><a href="javascript:;">服装城</a></li>
          <li><a href="javascript:;">服装城</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- 主体部分 -->
  <main class="main">
    <div class="w">
      <div class="focus">123</div>
      <div class="newsflash">
        <div class="news">
          <div class="news_hd">
            <h5>品优购快报</h5>
            <a href="javascript:;">更多></a>
          </div>
          <div class="news_bd">
            <ul>
              <li> <strong>【重磅】</strong> 它来了它来了，pink老师走来了, 它是谁？</li>
              <li> <strong>【重磅】</strong> 它来了它来了，pink老师走来了, 它是谁？</li>
              <li> <strong>【重磅】</strong> 它来了它来了，pink老师走来了, 它是谁？</li>
              <li> <strong>【重磅】</strong> 它来了它来了，pink老师走来了, 它是谁？</li>
              <li> <strong>【重磅】</strong> 它来了它来了，pink老师走来了, 它是谁？</li>
            </ul>
          </div>
        </div>
        <div class="lifeservice">
          <ul>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
              <div>减</div>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
            <li> <i></i>
              <p>话费</p>
            </li>
          </ul>
        </div>
        <div class="bargin">
          <img src="./upload/bargain.png" alt="">
        </div>
      </div>
    </div>
  </main>

  <!-- 推荐部分 -->
  <div class="w recom">
    <div class="recom_hd"><img src="images/recom.png" alt=""></div>
    <div class="recom_bd">
      <ul>
        <li><img src="upload/recom_03.jpg" alt=""></li>
        <li><img src="upload/recom_03.jpg" alt=""></li>
        <li><img src="upload/recom_03.jpg" alt=""></li>
        <li><img src="upload/recom_03.jpg" alt=""></li>
      </ul>
    </div>
  </div>


  <div class="floor">
    <!-- 一楼家电部分 -->
    <div class="jiadian w">
      <div class="box_hd">
        <h3>家用电器</h3>
        <div class="tab_list">
          <ul>
            <li><a href="javascript:;" class="font_red">热门</a><span>|</span></li>
            <li><a href="javascript:;">大家电</a><span>|</span></li>
            <li><a href="javascript:;">生活电器</a><span>|</span></li>
            <li><a href="javascript:;">厨房电器</a><span>|</span></li>
            <li><a href="javascript:;">生活电器</a><span>|</span></li>
            <li><a href="javascript:;">个护健康</a><span>|</span></li>
            <li><a href="javascript:;">应季电器</a><span>|</span></li>
            <li><a href="javascript:;">空气/净水</a><span>|</span></li>
            <li><a href="javascript:;">新奇特</a><span>|</span></li>
            <li><a href="javascript:;">高端电器</a></li>
          </ul>
        </div>
      </div>
      <div class="box_bd">
        <div class="tab_content">
          <div class="tab_list_item">
            <div class="col_210">
              <ul>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
              </ul>
              <a href="javascript:;"><img src="upload/floor-1-1.png" alt=""></a>
            </div>
            <div class="col_329">
              <a href="javascript:;"><img src="upload/floor-1-b01.png" alt=""></a>
            </div>
            <div class="col_221">
              <a href="javascript:;" class="bb"><img src="upload/floor-1-2.png" alt=""></a>
              <a href="javascript:;"><img src="upload/floor-1-3.png" alt=""></a>
            </div>
            <div class="col_221">
              <a href="javascript:;"><img src="upload/floor-1-4.png" alt=""></a>
            </div>
            <div class="col_219">
              <a href="javascript:;" class="bb"><img src="upload/floor-1-5.png" alt=""></a>
              <a href="javascript:;"><img src="upload/floor-1-6.png" alt=""></a>
            </div>
          </div>
        </div>
      </div>


    </div>
    <!-- 二楼手机部分 -->
    <div class="shouji w">
      <div class="box_hd">
        <h3>手机通讯</h3>
        <div class="tab_list">
          <ul>
            <li><a href="javascript:;" class="font_red">热门</a><span>|</span></li>
            <li><a href="javascript:;">大家电</a><span>|</span></li>
            <li><a href="javascript:;">生活电器</a><span>|</span></li>
            <li><a href="javascript:;">厨房电器</a><span>|</span></li>
            <li><a href="javascript:;">生活电器</a><span>|</span></li>
            <li><a href="javascript:;">个护健康</a><span>|</span></li>
            <li><a href="javascript:;">应季电器</a><span>|</span></li>
            <li><a href="javascript:;">空气/净水</a><span>|</span></li>
            <li><a href="javascript:;">新奇特</a><span>|</span></li>
            <li><a href="javascript:;">高端电器</a></li>
          </ul>
        </div>
      </div>
      <div class="box_bd">
        <div class="tab_content">
          <div class="tab_list_item">
            <div class="col_210">
              <ul>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
                <li><a href="javascript:;">节能补贴</a></li>
              </ul>
              <a href="javascript:;"><img src="upload/floor-1-1.png" alt=""></a>
            </div>
            <div class="col_329">
              <a href="javascript:;"><img src="upload/floor-1-b01.png" alt=""></a>
            </div>
            <div class="col_221">
              <a href="javascript:;" class="bb"><img src="upload/floor-1-2.png" alt=""></a>
              <a href="javascript:;"><img src="upload/floor-1-3.png" alt=""></a>
            </div>
            <div class="col_221">
              <a href="javascript:;"><img src="upload/floor-1-4.png" alt=""></a>
            </div>
            <div class="col_219">
              <a href="javascript:;" class="bb"><img src="upload/floor-1-5.png" alt=""></a>
              <a href="javascript:;"><img src="upload/floor-1-6.png" alt=""></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 底部区域 -->
  <footer class="footer">
    <div class="w">
      <div class="mod_service">
        <ul>
          <li>
            <h5></h5>
            <div class="mod_txt">
              <h4>正品保障</h4>
              <p>正品保障,提供发票</p>
            </div>
          </li>
        </ul>
        <ul>
          <li>
            <h5></h5>
            <div class="mod_txt">
              <h4>正品保障</h4>
              <p>正品保障,提供发票</p>
            </div>
          </li>
        </ul>
        <ul>
          <li>
            <h5></h5>
            <div class="mod_txt">
              <h4>正品保障</h4>
              <p>正品保障,提供发票</p>
            </div>
          </li>
        </ul>
        <ul>
          <li>
            <h5></h5>
            <div class="mod_txt">
              <h4>正品保障</h4>
              <p>正品保障,提供发票</p>
            </div>
          </li>
        </ul>
      </div>
      <div class="mod_help">
        <dl>
          <dt>服务指南</dt>
          <dd>购物流程</dd>
          <dd>会员介绍</dd>
          <dd>生活旅行/团购</dd>
          <dd>常见问题</dd>
          <dd>大家电</dd>
          <dd>联系客服</dd>
        </dl>
        <dl>
          <dt>服务指南</dt>
          <dd>购物流程</dd>
          <dd>会员介绍</dd>
          <dd>生活旅行/团购</dd>
          <dd>常见问题</dd>
          <dd>大家电</dd>
          <dd>联系客服</dd>
        </dl>
        <dl>
          <dt>服务指南</dt>
          <dd>购物流程</dd>
          <dd>会员介绍</dd>
          <dd>生活旅行/团购</dd>
          <dd>常见问题</dd>
          <dd>大家电</dd>
          <dd>联系客服</dd>
        </dl>
        <dl>
          <dt>服务指南</dt>
          <dd>购物流程</dd>
          <dd>会员介绍</dd>
          <dd>生活旅行/团购</dd>
          <dd>常见问题</dd>
          <dd>大家电</dd>
          <dd>联系客服</dd>
        </dl>
        <dl>
          <dt>服务指南</dt>
          <dd>购物流程</dd>
          <dd>会员介绍</dd>
          <dd>生活旅行/团购</dd>
          <dd>常见问题</dd>
          <dd>大家电</dd>
          <dd>联系客服</dd>
        </dl>
        <dl>
          <dt>帮助中心</dt>
          <dd><img src="images/wx_cz.jpg" alt="">
            <p>品优购客户端</p>
          </dd>
        </dl>
      </div>
      <div class="mod_copyright">
        <div class="links"> <a href="javascript:;">关于我们</a> | <a href="javascript:;">联系我们</a> | <a
            href="javascript:;">联系客服</a> | <a href="javascript:;">商家入驻</a> |
          <a href="javascript:;">营销中心</a> | <a href="javascript:;">手机品优购</a> | <a href="javascript:;">友情链接</a> | <a
            href="javascript:;">销售联盟</a> |
          <a href="javascript:;">品优购社区</a> | <a href="javascript:;">品优购公益</a> | <a href="javascript:;">English Site</a>
          |
          <a href="javascript:;">Contact U</a>
        </div>
        <div class="copyright">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096电话：400-618-4000 传真：010-82935100 邮箱:zhanghj+itcast.cn <br>
          京ICP备08001421号京公网安备110108007702</div>
      </div>
    </div>
  </footer>
</body>

</html>